<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script src="./jquery.js"></script>
  </head>
  <body>
    <button id="send">请求地址</button>
    <ul id="con"></ul>
  </body>
  <script>
    $(function () {
      //   var headers = {
      //     'Content-Type': 'application/x-www-form-urlencoded',
      //     'X-Requested-With': 'XMLHttpRequest',
      //   }
      $('#send').click(function () {
        $.get(
          'https://liu.zzgoodqc.cn/hello',
          function (res, status) {
            var strHtml = ``
            for (let i in res.data) {
              strHtml += `<li>${res.data[i].title}</li>`
            }
            $('#con').append(strHtml)
          },
          'json'
        )
        // $.ajax({
        //   url: 'https://liu.zzgoodqc.cn/login',
        //   method: 'POST',
        //   data: {
        //     username: '110',
        //     password: '120',
        //   },
        //   dataType: 'json',
        //   success: function (res) {
        //     console.log(res)
        //   },
        // })
        // $.ajax({
        //   url: 'https://liu.zzgoodqc.cn/hello',
        //   method: 'GET',
        //   dataType: 'json',
        //   success: function (res) {
        //     var strHtml = ``
        //     for (let i in res.data) {
        //       strHtml += `<li>${res.data[i].title}</li>`
        //     }
        //     $('#con').append(strHtml)
        //   },
        //   error: function () {
        //     console.log(123)
        //   },
        //   complete: function () {
        //     console.log(456)
        //   },
        // })
        // $.ajax({
        //   async: false,
        //   beforeSend: function () {
        //     // data.a = data.a.replace('法西斯', '*******')
        //     // headers.token = '123456'
        //     console.log(1231)
        //   },
        //   //   headers: {
        //   //     headers: headers,
        //   //   },
        //   complete: function () {
        //     console.log(1232)
        //   },
        //   contentType: 'application/x-www-form-urlencoded',
        //   data: {
        //     a: '法西斯,法论',
        //   },
        //   dataType: 'json',
        // })
      })
    })
  </script>
</html>
